/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* azul:#069 */

body{ font:12px Arial }

.wrapper{ width:980px; margin: auto; }

h1{ font-size:20px; margin:15px 0; }
fieldset{ border:1px solid #ccc; padding: 15px; margin-bottom:10px;}
legend{ padding:5px; margin-left:10px; font:bold 14px Arial; color:#069; }

input[type=text], input[type=password], input[type=file], textarea, select{ 
	padding:2px 3px 3px; font:12px Arial; margin:0 5px 10px 0;
	border-top:1px solid #6c6c6c; border-left:1px solid #6c6c6c; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; 
}

select{ padding:2px 3px; }

input[type=button], input[type=submit], input[type=reset], button, .button, .botao-cinza{ 
	display:inline-block; color:#000; border:1px solid #c0c0c0; background:url(../img/button-pattern-cinza.gif) left top repeat-x; 
	font:11px Arial; padding:3px 10px; text-decoration:none; }

input[type=text]:focus, textarea:focus, select:focus, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, button:focus, .button:focus{
	outline:none; border-color:#878787;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover{
	border-color:#878787;
}

body .botao-cinza{ border:1px solid #c0c0c0; background:url(../img/button-pattern-cinza.gif) left top repeat-x; }
body .botao-cinza:focus, body .botao-cinza:hover{ border-color:#878787; }	

body .botao-azul{ border:1px solid #82abcb; background:url(../img/button-pattern-azul.gif) left top repeat-x; }
body .botao-azul:focus, body .botao-azul:hover{ border-color:#4478a0; }	

input[type=checkbox], input[type=radio]{ vertical-align:top; }

body .erro{color:Red;font-size:large;}
body .sucesso{color:Green;font-size:large;}
/****************************************
- TOPO
*****************************************/
#topo{ height:110px; background:url(../img/bg-topo-pattern.jpg) repeat-x left top; color:#333; font-size:14px }
#topo .wrapper{ position:relative }
#topo .logo{ width:198px; height:36px; background:url(../img/logo.png); position:absolute; left:0; top:33px } 
#topo .logo span{ display:block; text-indent:-9999px }
#topo .col { float:right; margin-left:50px }
#topo #sysInfo{ position:absolute; top:17px; right:0; border-bottom:1px solid #c5c5c5; padding-bottom:15px; width:700px }

/****************************************
- MENU
*****************************************/
#menu{ position:absolute; top:64px; right:0; }
#menu li{ float:left; margin-left:60px }
#menu a{ color:#069; font-weight:bold; text-decoration:none }
#menu a:hover{ text-decoration:underline }
#menu li ul{ display:none; position:absolute; width:150px; background-color:#cfcfcf; /*background:url(../img/submenu-bg-pattern.png) repeat-x left top;*/
             margin-left:-35px; padding:5px 0 }
#menu li:hover ul{ display:block }
#menu li li{ float:none; padding:5px 20px; margin:0 }
#menu li .seta{ display:block; width:22px; height:14px; position:absolute; top:0; background:url(../img/up-arrow.png) left top no-repeat }

/****************************************
- UTIL
*****************************************/
.input-size-50{ width:42px } /* largura: 50px - borda: 2*1px + padding: 2*3px = 42px; */
.input-size-100{ width:92px }
.input-size-150{ width:142px }
.input-size-200{ width:192px }
.input-size-250{ width:242px }
.input-size-300{ width:292px }
.input-size-350{ width:342px }
.input-size-400{ width:392px }
.input-size-450{ width:442px }
.input-size-500{ width:492px }

.size-100{ width:100px; }
.size-150{ width:150px; }
.size-200{ width:200px; }
.size-250{ width:250px; }
.size-300{ width:300px; }
.size-350{ width:350px; }
.size-400{ width:400px; }
.size-450{ width:450px; }

.clear{ clear:both !important; }

.margin-bottom-5{ margin-bottom:5px !important; }

.float-left{ float:left; }
.float-right{ float:right; }
.center{ text-align:center; }

/****************************************
- FORMS
*****************************************/
.form .field{ overflow: hidden; clear:both; }
.form .fields{ clear: both; }
.form .fields .field{ overflow: hidden; clear:none; margin:0 10px 15px 0; float: left; }
.form .fields .field.last{ margin-right:0; }
.form .fields.checkboxes{ overflow: hidden; margin-bottom:5px; }
.form .fields.checkboxes .field{ margin-bottom:5px; }
.form .field label{ display: block; float:left; width:140px; margin:0 10px 10px 0; text-align:right; padding-top:4px; }
.form .field label.normal{ display: inline-block; float:none; width:auto; margin: 0px; text-align:left; padding-right:10px; }
.form .instrucao{ font-size:11px; }
.form .label-space{ margin-left:150px; }
.form .actions{ text-align:center; clear:both; margin:15px; }
.form .actions input{ margin:0 5px; }

.filtro{ background:#f4f4f4; border:1px solid #ccc; overflow: hidden; padding: 10px; }
.filtro .form .fields, .filtro .form .field, .filtro .form input, .filtro .form select{ margin-bottom:0; }

/****************************************
- GRIDS
*****************************************/
.pagination{ text-align:center; padding: 15px; clear:both; }
.pagination *{ margin:0 5px; }

.grid{ width:100%; border-bottom:3px solid #d0d0d0; }
.grid th{ font-weight:bold; color:#069; padding:10px; border-bottom:3px solid #d0d0d0; }
.grid .icon-header{ padding-left:0; padding-right:0; text-align:center; width:70px;}
.grid td{ padding:5px 10px; border-right:1px solid #d0d0d0; }
.grid td.last{ border-right:0; }
.grid tr.odd td{ background:#f7f7f7; }